<template>
  <qc-page-header></qc-page-header>
  <qc-query-form :query-column="queryColumn" :query-param="queryParam" @search="search"></qc-query-form>
  <div class="mt16">
    <org-app-action-list ref="orgAppActionListRef" :query-param="queryParam"></org-app-action-list>
  </div>
</template>
<script lang='ts'>
import { defineComponent, reactive, ref, toRefs } from 'vue'
import OrgAppActionList from './component/app-action-list.vue'
import { appActionQueryColumns, AppActionTypeDic_C } from './interface'
export default defineComponent({
  name: 'OrgAppAction',
  components: { OrgAppActionList },
  setup() {
    const orgAppActionListRef = ref()
    const state = reactive({
      queryParam: { actionType: AppActionTypeDic_C },
      queryColumn: appActionQueryColumns,
      search: () => orgAppActionListRef.value.onTableSearch(),
    })
    return {
      orgAppActionListRef,
      ...toRefs(state),
    }
  },
})
</script>
<style lang='less' scoped>
</style>